<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html manifest="pdfbldr.appcache" class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>PDFBldr &bull; Build PDF Documents Online</title>
        <meta name="description" content="Easy to use PDF document generation tool. Just type in contents and convert it to PDF. Works on all devices, desktops, laptops, smartphones and tablets">
        <meta name="viewport" content="width=device-width">

        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/main.css">

        <script src="js/vendor/modernizr-2.6.2.min.js"></script>
    </head>
    <body>
        <!--[if lt IE 7]>
            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
        <![endif]-->

	<section class="row">
	    <div class="col-md-8 col-md-offset-2">
		<header>
		    <div id="logger"></div>
		</header>
		<article id="editor" contenteditable="true">
		    <h1>PDFBldr</h1>
		    <p>Get started by replacing this welcome message with your content, no matter how long or short. As you are typing your content, you need not worry about saving it as it is automatically saved ( we prefer to say synchornized ) either to our servers if you are online or to your system cache if you are offline.
		    <p>Once you are done keying in your content, hit the dowonload button to get PDF of your content. You may either save it to print later or print it directly.
		    <p>To load a document, enter the <em>DocumentID</em> of the document to be loaded in the text field with the open button and hit the open button ( ofcourse )</p>
		    <p><em>DocumentID</em> of the current document is visible in the disabled text field with download button</p>
		    <p>PDFBldr supports all generic text editng shortcut keys namely:
			<ul>
			    <li><em>Ctrl + A</em> Select All</li>
			    <li><em>Ctrl + B</em> Display selected text as Bold </li>
			    <li><em>Ctrl + C</em> Copy selected text to clipboard</li>
			    <li><em>Ctrl + I</em> Display selected text as Italic</li>
			    <li><em>Ctrl + L</em> Links the selected text to a specific url</li>
			    <li><em>Ctrl + V</em> Paste text from clipboard at cursor position</li>
			    <li><em>Ctrl + X</em> Move selected text to clipboard</li>
			</ul>
		    </p>
		</article>
		<footer>
		    <div class="row">
		        <div class="col-md-6">
		            <div class="input-group">
		                <span class="input-group-addon"><span class="glyphicon glyphicon-file"></span></span>
		                <input id="gen_docid" type="text" class="form-control" readonly>
			        <span class="input-group-btn">
				    <button id="btn_pdf" class="btn btn-primary" type="button" disabled><span class="glyphicon glyphicon-download-alt"></span></button>
			        </span>
		            </div>
		        </div>
		        <div class="col-md-6">
			    <div class="input-group">
			        <span class="input-group-addon"><span class="glyphicon glyphicon-file"></span></span>
			        <input id="get_docid" type="text" class="form-control" placeholder="Enter DocumentID of the document to load">
			        <span class="input-group-btn">
				    <button id="btn_get" class="btn btn-default" type="button" disabled><span class="glyphicon glyphicon-folder-open"></span></button>
			        </span>
			    </div>
		       </div>
		    </div>
		</footer>
	    </div>
	</section>	

        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.1.min.js"><\/script>')</script>
	<script src="js/vendor/ckeditor/ckeditor.js"></script>

        <script src="js/plugins.js"></script>
        <script src="js/main.js"></script>
    </body>
</html>
